@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  .home {
    bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
    bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
  }
}
@supports (top: constant(safe-area-inset-top)) or (top: env(safe-area-inset-top)) {
  .home {
    top: constant(safe-area-inset-top); /* 兼容 iOS < 11.2 */
    top: env(safe-area-inset-top); /* 兼容 iOS >= 11.2 */
  }
}

.home {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  .home-container {
    flex: 1;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    > * {
      position: absolute;
    }
  }
}
